<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网易考拉-首页</title>
		<script src="/lib/requirejs/require.js" data-main="/js/index"></script>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>

<!--右侧边框-->

<!--左侧边框-->
	
<!--头部-->
	<header></header>
<!--广告图-->
	<div id="banner">
		<div class="carousel-box">
			
		</div>
	</div>
	<!-- 轮播图 -->
		<!--<div class="carousel-box" style="width: 855px; height: 575px; background: #ccc;"></div>-->
	<!-- 轮播图 -->
<!--线条-->
	<div id="docLine">
		<div class="line">
			<ul>
				<li>
					<i class="iconfont icon-ziyong"></i>
					<a href="#">网络自营</a>
				</li>
				<li>
					<i class="iconfont icon-quanqiu"></i>
					<a href="#">全球直采</a>
				</li>
				<li>
					<i class="iconfont icon-zheng"></i>
					<a href="#">假一赔十</a>
				</li>
				<li>
					<i class="iconfont icon-shouhou"></i>
					<a href="#">售后无忧</a>
				</li>
			</ul>
			<div>
				<i class="iconfont icon-shouji"></i>
				<a href="#">领考拉1000元新人礼，APP下单更享手机价</a>
			</div>
		</div>
	</div>
<!--新人专享-->
	<div id="docNew">
		<div class="new">
			
		</div>
	</div>
	<!--今日限购-->
	<div id="docLimit">
		<div class="limit">
			<div class="top">
				<span>今日限时购</span>
				<p>本场还剩</p>
				<a href="#">进入限时购频道&gt;</a>
			</div>
			<section class="bottom">
				
			</section>
		</div>
	</div>
	<!--今日新品-->
	<div id="docNewProduct">
		<div class="newProduct">
			<div class="top">
				<span>今日上新</span>
				<p>全世界好物，0点更新</p>
				<a href="/html/list/html">进入新品频道&gt;</a>
			</div>
			<div class="bottom">
				
			</div>
		</div>
	</div>
<!--今日品牌-->
	<div id="docBrand">
		<div class="brand">
			<div class="top">
				<span>热门品牌</span>
				<p>全世界精选，一网打尽</p>
				<a href="#">换一批&gt;</a>
			</div>
			<div class="bottom">
				<!--轮播图-->
				
			</div>
		</div>
	</div>
<!--母婴专区-->
	<div id="docMotherArea">
		<div class="motherArea">
			<div class="top">
				<span>母婴专区</span>
				<ul>
					<li>热搜词：</li>
					<li><a href="#">花王旗舰</a></li>
					<li><a href="#">家居出行</a></li>
					<li><a href="#">童装童鞋</a></li>
					<li><a href="#">辅食任选</a></li>
					<li><a href="#">夏季童装</a></li>
					<li><a href="#">孕妈塑身</a></li>
					<li><a href="#">防妊娠纹</a></li>
				</ul>
				<a href="#">更多好货&gt;</a>
			</div>
			<div class="bottom">
				
			</div>
		<!--热卖品牌1-->
			<div class="bestSellers">
				
			</div>
		</div>
	</div>
<!--美容彩妆-->
	<div id="docCosmetology">
		<div class="cosmetology">
			<div class="top">
				<span>美容彩妆</span>
				<ul>
					<li>热搜词：</li>
					<li><a href="#">面膜</a></li>
					<li><a href="#">防晒</a></li>
					<li><a href="#">口红</a></li>
					<li><a href="#">洁面</a></li>
					<li><a href="#">底妆</a></li>
					<li><a href="#">水乳</a></li>
					<li><a href="#">卸妆</a></li>
				</ul>
				<a href="#">更多好货&gt;</a>
			</div>
			<div class="bottom">
				
			</div>
		<!--热卖品牌1-->
			<div class="bestSellers">
				
			</div>
		</div>
	</div>
	
	
	<!--美容彩妆-->
	<div id="docCosmetology">
		<div class="cosmetology">
			<div class="top">
				<span>美容彩妆</span>
				<ul>
					<li>热搜词：</li>
					<li><a href="#">面膜</a></li>
					<li><a href="#">防晒</a></li>
					<li><a href="#">口红</a></li>
					<li><a href="#">洁面</a></li>
					<li><a href="#">底妆</a></li>
					<li><a href="#">水乳</a></li>
					<li><a href="#">卸妆</a></li>
				</ul>
				<a href="#">更多好货&gt;</a>
			</div>
			<div class="bottom">
				
			</div>
		<!--热卖品牌1-->
			<div class="bestSellers">
				
			</div>
		</div>
	</div>
<!--猜你喜欢-->
	<div id="docLike">
		<div class="like">
			<!--<h3>
				猜你喜欢
				<p>根据你的浏览记录推荐商品</p>
			</h3>
			<ul>
				<li>
					<a href="#"><img src="images/76ae614d5445.jpg"/></a>
					<a href="#">【自营包税】JMsolution 急救<br>补水针剂面膜 10片装*2盒【拍套餐享优惠】</a>
					<p>
						<b>￥</b>
						<span>142</span>
						<span>￥</span>
						<del>392</del>
						<b><span>14672</span>人已评价</b>
					</p>
				</li>
				<li>
					<a href="#"><img src="images/76ae614d5445.jpg"/></a>
					<a href="#">【自营包税】JMsolution 急救补水针剂面膜 10片装*2盒【拍套餐享优惠】</a>
					<p>
						<b>￥</b>
						<span>142</span>
						<span>￥</span>
						<del>392</del>
						<b><span>14672</span>人已评价</b>
					</p>
				</li>
				<li>
					<a href="#"><img src="images/76ae614d5445.jpg"/></a>
					<a href="#">【自营包税】JMsolution 急救补水针剂面膜 10片装*2盒【拍套餐享优惠】</a>
					<p>
						<b>￥</b>
						<span>142</span>
						<span>￥</span>
						<del>392</del>
						<b><span>14672</span>人已评价</b>
					</p>
				</li>
				<li>
					<a href="#"><img src="images/76ae614d5445.jpg"/></a>
					<a href="#">【自营包税】JMsolution 急救补水针剂面膜 10片装*2盒【拍套餐享优惠】</a>
					<p>
						<b>￥</b>
						<span>142</span>
						<span>￥</span>
						<del>392</del>
						<b><span>14672</span>人已评价</b>
					</p>
				</li>
			</ul>-->
		</div>
	</div>
<!--网页尾部-->
	<footer></footer>
	
	<!--今日新品四张图-->
	<script type="text/html" id="new_template">
		<ul>
			{{each list curr}}
			<li>
				<a href="/html/list.html"><img src="{{curr.img}}"/></a>
			</li>
			{{/each}}
		</ul>
	</script>
	<!--今日限购-->
	<script type="text/html" id="limit_template">
		<ul>
			{{each limit curr}}
				<li>
					<a href="/html/detail.html"><img src="{{curr.img}}"/></a>
					<div class="detail">
						<h3>{{curr.title}}</h3>
						<h5>{{curr.desc}}</h5>
						<p>
							<b>￥</b>
							<span>{{curr.price}}</span>
							<span>￥</span>
							<del>{{curr.oriprice}}</del>
						</p>
						<div class="precss">
							<b></b>
						</div>
						<p>
							剩余{{curr.count}}件
							<a href="/html/detail.html">立即抢购</a>
						</p>
					</div>
				</li>
			{{/each}}
		</ul>
		<aside class="aside">
			<a href="/html/list.html"><img src="{{bigimage}}"/></a>
		</aside>
	</script>
	<!--今日上新-->
	<script type="text/html" id="today_template">
		<ul>
			{{each today curr}}
				<li>
					<a href="/html/detail.html"><img src="{{curr.img}}"/></a>
					<a href="/html/detail.html">{{curr.title}}</a>
					<p>
						<b>￥</b>
						<span>{{curr.price}}</span>
						<span>￥</span>
						<del>{{curr.price}}</del>
					</p>
				</li>
			{{/each}}
		</ul>
	</script>
	<!--热门品牌-->
	<script type="text/html" id="brand_template">
		<div class="lunbo"><img src="{{brandimage}}"/></div>
			<ul>
				{{each brand curr}}
				<li>
					<div>
						<img src="{{curr.img}}"/>
						<p>{{curr.title}}</p>
					</div>
				</li>
				{{/each}}
			</ul>
	</script>
	<!--七个baby-->
	<script type="text/html" id="baby_template">
		<div class="left">
					<a href="#"><img src="{{babyimage}}"/></a>
					<ul>
						<li><a href="#">大牌奶粉</a></li>
						<li><a href="#">纸尿裤</a></li>
						<li><a href="#">洗护喂养</a></li>
						<li><a href="#">营养辅食</a></li>
						<li><a href="#">孕妈专区</a></li>
						<li><a href="#">玩具图书</a></li>
					</ul>
				</div>
				<div class="middle">
					<ul>
						{{each middle curr}}
						<li>
							<a href="#">
								<h3>{{curr.title}}</h3>
								<p>{{curr.desc}}</p>
								<img src="{{curr.img}}"/>
							</a>
						</li>
						{{/each}}
					</ul>
				</div>
				<div class="right">
					<h3>最新热卖</h3>
					<ul>
						<li>
							{{each small curr}}
							<div class="outer">
								<div class="inner">
									<a href="#"><img src="{{curr.img}}"/></a>
									<div class="proinfo">
										<p>{{curr.title}}</p>
										<p>
											<b>￥</b>
											<span>{{curr.price}}</span>
											<span>￥</span>
											<del>{{curr.oriprice}}</del>
										</p>
									</div>
								</div>
							</div>
							{{/each}}
						</li>
					</ul>
				</div>
	</script>
	<!--热卖品牌-->
	<script type="text/html" id="sell_template">
		<h3>热卖品牌</h3>
			<ul>
				{{each sell curr}}
				<li><a href="#"><img src="{{curr.img}}"/></a></li>
				{{/each}}
			</ul>
	</script>
	<!--猜你喜欢-->
	{{<script type="text/html" id="like_template">
		<h3>
			猜你喜欢
			<p>根据你的浏览记录推荐商品</p>
		</h3>
		<ul>
			{{each like curr}}
			<li>
				<a href="#"><img src="{{curr.img}}"/></a>
				<a href="#">{{curr.title}}</a>
				<p>
					<b>￥</b>
					<span>{{curr.price}}</span>
					<span>￥</span>
					<del>{{curr.oriprice}}</del>
					<b><span>{{curr.count}}</span>人已评价</b>
				</p>
			</li>
			{{/each}}
		</ul>
	</script>}}
	</body>
</html>
